/**
 * Created by Administrator on 2025/10/25.
 */

// $(document).ready(function () {
//     /*
//       DOM加载完成后会到这里来
//     */
//     $("#btn").click(function () {
//         /*
//            给id btn绑定click事件
//            这个事件被出发后
//            会执行下面的代码
//         */
//         $("#p1").hide();
//         /*
//             上面的代码表示将id为p1的html标签
//             隐藏
//         */
//     });
//
//     $("#p2").hover(function () {
//         alert("你进入了 p2!");
//     }, function () {
//         alert("拜拜! 现在你离开了 p2!");
//     });
//
//     $("#p3").dblclick(function () {
//         $(this).hide();
//     })
// })

function function1() {
    /*
         这段代码是jQuery语句，用于在网页中查找并隐藏特定的父级元素
            $(this)：表示当前被点击的元素
            .parents(".ex")：从当前元素开始向上查找所有class为"ex"的祖先元素
            .hide("slow")：以较慢的速度隐藏找到的元素，带有动画效果
    */
    $(this).parents(".ex").hide("slow");
}

$(document).ready(function () {
    /*
        当DOM加载完成后
    */
    $(".ex .hide").click(function1);
    /*
        对同时有 class ex 和 class hide的元素(这里是并的关系)绑定click事件
        但是 ".ex , .hide" 表示 选取所有class为"ex"的元素和所有class为"hide"的元素(应该是或的关系)
    */
})

/*
    $("p").click 是 jQuery 中的一个方法，用于为所有 <p> 段落元素绑定点击事件处理函数
    当用户点击页面上任意段落时，就会触发绑定的函数执行相应操作
    该方法有两种主要使用方式：
        ‌绑定事件‌：$("p").click(function(){ $(this).hide(); }) 会在点击段落时隐藏该段落
        ‌触发事件‌：直接调用 $("p").click() 可以主动触发已绑定的点击事件
    与 on() 方法相比，click() 只能为已存在的元素绑定事件，而 on() 通过事件委托可以处理
    动态创建的元素。随着 jQuery 版本升级，推荐使用 on() 方法来绑定点击事件
    在实际使用中，通常会将点击事件绑定代码放在 $(document).ready() 函数中，确保 DOM 加载完成后再执行绑定操作

    jQuery 就是 query(查询) 然后 action(操作)

    jQuery 语法
        jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
        基础语法： $(selector).action()
            美元符号定义 jQuery
            选择符（selector）"查询"和"查找" HTML 元素
            jQuery 的 action() 执行对元素的操作

        实例:
            $(this).hide()              - 隐藏当前元素
            $("p").hide()               - 隐藏所有 <p> 元素                        这里相当于标签选择器
            $("p.test").hide()          - 隐藏所有 class="test" 的 <p> 元素        这里相当于类  选择器
            $("#test").hide()           - 隐藏 id="test" 的元素                    这里相当于ID  选择器
        上面的选择器语法和CSS里面的选择器语法差不多

        $(document).ready(function(){
            // 开始写 jQuery 代码...
        });
        上面的代码和下面的代码功能相同
        $(function(){
             // 开始写 jQuery 代码...
        });

        jQuery里面的选择器都以美元符号开头: $()
        first表示选择第一个元素
        first-child  选取每个 <ul> 元素的第一个 <li> 元素
        :even 选取偶数位置的
        :odd  选取奇数位置的

     当您向 jQuery 传递 DOM 对象时，jQuery 会返回以 HTML DOM 对象包装的 jQuery 对象。
     jQuery 函数会返回新的 jQuery 对象，其中的 ready() 是一个方法。
     由于在 JavaScript 中函数就是变量，因此可以把 myFunction 作为变量传递给 jQuery 的 ready 方法

*/
